<template>
  <div class="commit">
     <div class="content">
        <h2 class="title">承诺书</h2>
      <!--  <div class="weui-c-meta">
            <span class="weui-c-nickname"><a href="javascript:;">陕西省文物保护研究院</a></span>
            <em class="weui-c-nickname">2020-07-16</em>
        </div> -->
        <van-form @submit="onSubmit">
          <div class="c-article">
              <p>本人<input type="text" v-model="queryInfo.name" class=" w100" placeholder="输入姓名" name="username" />于<input type="number" v-model="queryInfo.month" class="w50" name="month"  />月<input type="number" v-model="queryInfo.day" class="w50" name="day" />日,携带<input type="number" v-model="queryInfo.num" class="w50" name="num" />件物品， 在民间收藏文物鉴定咨询单位公益鉴定咨询服务点，申请藏品鉴定咨询活动中，自愿作出以下承诺:</p>
              <p>一、保证所持有藏品不涉及以下内容:</p>
              <p>(一)盗掘、盗窃、走私或依照法律应当上交国家的出土、出水文物的;(二)法律规定严格禁止交易、流通的保护动植物及其制品的;</p>
              <p>(三)涉嫌损害国家利益或者有可能产生不良社会影响的;</p>
              <p>(四)超出鉴定咨询范围的;</p>
              <p>(五)其他不符合法律、法规规定情形的。</p>
              <p>二、在公益鉴定咨询服务点的鉴定咨询活动中，须遵守现场秩序，服从工作人员安排，不进行任何与藏品鉴定咨询无关的其他活动</p>
              <p>三、本人确认并同意，公益鉴定咨询服务点给出的鉴定咨询倾向性意见仅供申请人参考，不出具文书，不具备法律效力，不得作为证据使用，不涉及所有权认定以及拍卖、质押、出售、赠与、继承等任何其它用途，不在公益鉴定咨询服务点讨论或争议。鉴定咨询过程中因不可抗力及其他客观原因发生的意外，鉴定机构不承当责任。如确属鉴定人员操作失误而造成文物意外损坏，赔偿最高不超过一万元人民币。</p>
              <p>四、鉴定咨询申请人现场不可使用任何设备拍照、录音和录像。</p>
              <p class="person" style="">承诺人(签字):<input type="text" class="w100" name="person"  v-model="queryInfo.promise_name" /></p>
          </div>
          <div class="confirm-btn"><van-button round type="info" native-type="submit" :disabled="disabled" >确定</van-button></div>
        </van-form>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Commit',
  data () {
    return {
      queryInfo: {
        name: '',
        month: '',
        day: '',
        num: '',
        promise_name: '',
        user_id: ''
      },
      disabled: false,
      timer: null
    }
  },
  created () {
    this.getUserId()
  },
  methods: {
    getUserId () {
      this.queryInfo.user_id = localStorage.getItem('userId')
    },
    async onSubmit () {
      console.log(this.queryInfo)
      const userId = this.queryInfo.user_id
      if (!userId) {
        window.location.href = 'http://www.sxwby.com/home/api/check_auth'
      }
      // eslint-disable-next-line eqeqeq
      if (this.queryInfo.name == '') {
        this.$Toast('姓名不能为空')
        return false
      // eslint-disable-next-line eqeqeq
      } else if (this.queryInfo.month == '') {
        this.$Toast('月份不能为空')
        return false
      } else if (this.queryInfo.month.trim().length > 2 || this.queryInfo.month.trim() > 12) {
        this.$Toast('请输入正确的月份')
        return false
        // eslint-disable-next-line eqeqeq
      } else if (this.queryInfo.day == '') {
        this.$Toast('日期不能为空')
        return false
      } else if (this.queryInfo.day.trim().length > 2 || this.queryInfo.day.trim() > 31) {
        this.$Toast('请输入正确的日期')
        return false
        // eslint-disable-next-line eqeqeq
      } else if (this.queryInfo.num == '') {
        this.$Toast('件数不能为空')
        return false
      // eslint-disable-next-line eqeqeq
      } else if (this.queryInfo.promise_name == '') {
        this.$Toast('承诺人不能为空')
        return false
      }
      this.disabled = true
      var qs = require('querystring')
      console.log(this.queryInfo)
      const { data: res } = await this.$http.post('api/promise_add', qs.stringify(this.queryInfo))
      if (res.code !== 200) {
        this.disabled = false
        return this.$Toast(res.msg)
      }
      this.$Dialog.alert({
        message: '提交成功'
      }).then(() => {
        // on close
        this.$router.push('sub')
      })
      console.log(res)
    }
  },
  destroyed () {
    this.$Toast.clear()
    this.timer = null
  }

}
</script>
<style scope>
.commit{padding:20px 15px;}
.c-article{text-indent:2em; line-height: 30px;}
.w100{width:100px;border:0;border-bottom:1px solid #333;padding:0 10px;text-align: center;}
.w50{width:50px;border:0;border-bottom:1px solid #333;padding:0 10px;text-align: center;}
.person{text-align: right;margin-top:30px;margin-bottom:0;}

</style>
